<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<title>My Stuff Digital Life</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function myOver(myitem,mynumber){
 myitem.src = 'images/layout_'+mynumber+'.jpg';
}

function myBack(myitem,mynumber){
myitem.src = 'images/layout_'+mynumber+'_off.jpg';
}

function loginplease(){
alert ("This feature is for Members Only.  Please log in.");
}

<!-- Hide from non-JavaScript Browsers

function ConfirmChoice()

{

answer = confirm("Do you really want to go here?")

if (answer !=0)

{

location = "index.html"

}

}

//Done Hiding-->


</script>
<style>
.mainframe
{
border:5px solid; border-bottom-color:#404E68; border-top-color:#5E6986; border-left-color:#404E68; border-right-color:#5E6986;
}
.cartframe
{
margin-right:10px; margin-left:10px; border:5px solid; border-bottom-color:#404E68; border-top-color:#5E6986; border-left-color:#404E68; border-right-color:#5E6986;
}
*{font-family:tahoma;}
BODY{
	background-image: url(images/body_bg.jpg);
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
}
#container{
	width: 1005px;
	margin: 0 auto;
}
#main_bg{
	width: 100%;
	background: url(images/main_bg.jpg) repeat-y top center;
	margin: 0 auto;
}
.cellhover {
	background-image: url(images/layout_34.jpg);
}
.celloff {
	background-image: url(images/layout_34_off.jpg);
}
.menutop {
	background-image: url(images/layout_11.jpg);
}
#topbuttons{
	width: 510px;
}
#toptitle{
	width: 495px;
}

/* Form CSS Values Below */
.formbar {
	color: White;
	background-image: url(images/form_bg.jpg);
	height: 29px;
}
#topsearch{
	width : 347px;
	height : 29px;
}
#toplogin{
	width:351px;
	height: 29px;
}

.topforms{
	height: 18px;
	border-bottom-width : 0px;
	border-left : 2px solid Silver;
	border-right-width : 0px;
	border-top : 2px solid Silver;
	font-family : sans-serif;
	font-size : 8pt;
	font-weight : bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.searchbox{
	padding-top:4px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px 0px 0px 0px;
}
.topsubmit{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
	top: +5px;
	position: relative;
}

/*End Form CSS Values */


.primary{
	background-image : url(images/primary_bg.jpg);
	padding-bottom: 8px;
}
.footer{
	height: 20px;
	background-image : url(images/layout_55.jpg);
}
.navigation{
	width: 171px;
	background-image : url(images/layout_38.jpg);
	margin-left : 8px;
	margin-right : 8px;
	padding-bottom: 2px;
	text-decoration:none;
	color:#000000;
}
.navhoveroff{
	margin: 3px auto 3px auto;
	width: 163px;
	border: 1px solid #5E6986;
	background-image : url(images/layout_34_off.jpg);
	padding : 0px 0px 0px 0px;
	text-indent : 3px;
	text-align : left;
}
.navhoveron{
	margin: 3px auto 3px auto;
	width: 163px;
	border: 1px solid #5E6986;
	background-image : url(images/layout_34.jpg);
	padding : 0px 0px 0px 0px;
	text-indent : 3px;
	text-align : left;
}
.sideitem{
	width: 171px;
	background-image : url(images/layout_38.jpg);
	margin-left : 8px;
	margin-right : 8px;
	margin-top: 4px;
}
.newsarea{
	margin: 0 auto;
	background-image: url(images/layout_38.jpg);
	margin-top: 10px;
}
.story{
	background-image: url(images/layout_45.jpg);
	width: 528px;
	height: 90px;
	margin-left: 5px;
	margin-top: 5px;
	padding-left: 2px;
	margin-bottom: 5px;
}
.review{
	background-image: url(images/layout_45.jpg);
	width: 592px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 2px;
	margin-bottom: 5px;
}
.revimg{
	margin-left: 5px;
	margin-top: 5px;
}

a{
text-decoration:none;
color:#000000;
}

</style>
</head>

<body>
<div style="width:100%; height:100%; overflow:hidden; margin:0px; padding:0px;">
<div id="main_bg" align="center">
	<!--align center is use for IE to center-->
	<div id="container" align="center">
		<!--align center is use for IE to center-->
		<img src="images/layout_14.jpg" alt="Title" width="1005" height="102">
		<table width="100%" border="0" cellspacing="0" cellpadding="0" id="header">
			<tr>
				<td colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td class="formbar" id="topsearch" height="29">

				</td>
				<td class="formbar" height="29" valign="top">&nbsp;</td>
				<td class="formbar" id="toplogin" height="29">&nbsp;</td>
			</tr>
		</table>
		<table width="100%" border="0" cellspacing="0" cellpadding="0" class="primary">
			<tr>
				<td colspan="3" height="30" valign="top">
				<img src="images/layout_26.jpg" alt="filler" width="1005" height="19"></td>
			</tr>
			<tr>
			  <td width="187" valign="top">
				<div class="navigation" align="center">
					<img src="images/layout_28.jpg" alt="Navigation" width="171" height="21">

<form action="edu.byu.isys413.actions.loadCatalog.action" target="main" name="store" id="store" style="margin:0px;">
	<a href="javascript:void(null)">
		<div class="navhoveroff" onClick="loginplease();" onMouseOver="this.className='navhoveron';" onMouseOut="this.className='navhoveroff';" >Online Store 
		</div>
	</a>
</form>
<form action="edu.byu.isys413.actions.loadCatalog.action" target="main" name="rent" id="rent" style="margin:0px;">
	<a href="javascript:void(null)">
		<div class="navhoveroff" onClick="loginplease();" onMouseOver="this.className='navhoveron';" onMouseOut="this.className='navhoveroff';" >Rental Center
		</div>
	</a>
</form>
<form action="edu.byu.isys413.actions.loadCatalog.action" target="main" name="print" id="print" style="margin:0px;">
	<a href="javascript:void(null)">
		<div class="navhoveroff" onClick="loginplease();" onMouseOver="this.className='navhoveron';" onMouseOut="this.className='navhoveroff';" >Print Shop
		</div>
	</a>
</form>
<form action="edu.byu.isys413.actions.loadCatalog.action" target="main" name="backup" id="backup" style="margin:0px;">
	<a href="javascript:void(null)">
		<div class="navhoveroff" onClick="loginplease();" onMouseOver="this.className='navhoveron';" onMouseOut="this.className='navhoveroff';" >Digital Storage
		</div>
	</a>
</form>
				</div>
				<div style="position:absolute; top:335px; " class="navigation" align="center">
					<img src="images/layout_28.jpg" alt="Navigation" width="171" height="21">
					<form action="edu.byu.isys413.actions.viewAccount.action" target="main" name="store" id="store" style="margin:0px;">
                      <div class="navhoveroff" onClick="loginplease();" onMouseOver="this.className='navhoveron';" onMouseOut="this.className='navhoveroff';" ><a href="javascript:void(null)">View Account </a></div>
				  </form>
					<a target="main" href="account.html"></a><a href="contact.html" target="main">
					<div class="navhoveroff" onMouseOver="this.className='navhoveron';" onMouseOut="this.className='navhoveroff';">
						Contact Us </div>
					</a><a href="tell.html" target="main">
					<div class="navhoveroff" oanmouseover="this.className='navhoveron';" onMouseOut="this.className='navhoveroff';">
						Tell a Friend </div>
					</a><a href="location.html" target="main">
					<div class="navhoveroff" onMouseOver="this.className='navhoveron';" onMouseOut="this.className='navhoveroff';">
						 Location Finder </div>
				</a></div>
				<br>
				<div class="navigation" align="center" style=" height:100px; color:#FFFFFF; font-family:tahoma; font-size:12px; position:absolute; top:486px;">
					<div align="justify">
						<img src="images/layout_28.jpg" alt="Navigation" width="171" height="21">
						<div class="navhoveroff" style="margin:2px; margin-bottom:11px; color:#000000; width:145px; padding:10px;">
							<div align="center" style="font-size:9px;">
								This site is a product of Group 1E of Section 1 of the Brigham Young University Information 
								Systems Junior Core of the 2006-2007 school year. <br>
							</div>
						</div>
					</div>
				</div>
			  </td>
				<td valign="top">
				<iframe name="main" class="mainframe" src="login.jsp" scrolling="no" frameborder="0" width="520" height="400">
				</iframe></td>
				<td valign="top" align="right">
				<iframe src="news.jsp" class="cartframe" scrolling="no" style=" " name="cart" frameborder="0" width="250" height="400">
				</iframe></td>
			</tr>
			<tr>
				<td valign="top" height="10">&nbsp;</td>
				<td valign="top" height="10">&nbsp;</td>
				<td valign="top" height="10">&nbsp;</td>
			</tr>
		</table>
		<div align="right" class="footer" style="color:#FFFFFF; font:tahoma; font-size:11px;">
			ISYS 1E - Has your world been rocked today?<sup>&reg;</sup></div>
  </div>
</div>

</body>

</html>
</div>
</div>
</div>
</body>

</html>
